<template>
	<view>
		<u-line color="info"></u-line>
		<view class="market-status fillx">
			<view class="market-status-title fillx bsp10 t-bb-u">
				| 市场状态
			</view>
			<view class="market-status-content fillx frsc fw">
				<view class="market-status-item ha frsc t-bb-u" v-for="item in statusList" :key="item.name">
					<image class="market-status-item-img" src="../../../static/logo.png" mode="widthFix"></image>
					<text class="market-status-item-text">{{item.name+': '+item.count}}</text>
				</view>
			</view>
		</view>
		<view class="market-clientList fillx bsp10 frcc t-bb-u" @click="goPage('/pages/myPlace/market/clientList/clientList')">
			| 客户列表
			<!-- <image class="market-clientList-img" src="../../../static/arrow.svg" mode="widthFix"></image> -->
			<view class="iconfont icon-arrow-right"></view>
		</view>
		<view class="market-clientList-leave fillx bsp10 frcc t-bb-u" @click="goPage('/pages/myPlace/market/clientList-leave/clientList-leave')">
			| 流失的客户列表
			<!-- <image class="market-clientList-leave-img" src="../../../static/arrow.svg" mode="widthFix"></image> -->
			<view class="iconfont icon-arrow-right"></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				statusList:[
					{name:'总数',count:0},
					{name:'本月总新增',count:0},
					{name:'今日新增',count:0},
					{name:'今日活跃',count:0},
					{name:'今日下单',count:0},
					{name:'流失客户',count:0}
				]
			}
		},
		methods: {
			goPage(page){
				uni.navigateTo({
					url:page
				})
			}
		}
	}
</script>

<style>
	.market-status-title,
	.market-status-item,
	.market-clientList,
	.market-clientList-leave{
		padding:20rpx;
	}
	.market-status-item-img{
		width: 10vw;
		height: 10vw;
		border-radius: 3vw;
	}
	.market-status-item-text{
		margin-left: 20rpx;
	}
	.market-clientList,
	.market-clientList-leave{
		justify-content: space-between;
	}
</style>
